.title {
    font-family: title, serif;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-start-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-col-between-center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/*毛玻璃效果*/
.glass-container {
    color: white;
    gap: 20px;
    /*border-radius: 15px;*/
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px;
    border: 1px rgba(255, 255, 255, 0.4) solid;
    border-bottom: 1px rgba(40, 40, 40, 0.35) solid;
    border-right: 1px rgba(40, 40, 40, 0.35) solid;
}

/*
滚动条样式
- 代码参考自：https://blog.csdn.net/yolo_link/article/details/125973469
*/
/* 滚动条整体部分样式 */
.scroll-custom::-webkit-scrollbar {
    width: 8px;
}
/* 滚动条外层轨道样式（包含内层轨道和两端的按钮） */
.scroll-custom::-webkit-scrollbar-track {
    /* 线性渐变背景 (旋转角度, 渐变颜色...) */
    /*background: linear-gradient(115deg, #00BC8B, #00A097, #008291, #00647B);*/
    background-color: #545c64;
}
/* 滚动条内层轨道样式 */
.scroll-custom::-webkit-scrollbar-track-piece {
}
/* 滚动条两端的按钮样式 */
.scroll-custom::-webkit-scrollbar-button {
    height: 0;
}
/* 滚动条内嵌滑块样式 */
.scroll-custom::-webkit-scrollbar-thumb {
    border-radius: 6px;
    /* 线性渐变背景 (旋转角度, 渐变颜色...) */
    /*background: linear-gradient(115deg, #05D76E, #93DB60, #D3DD67, #FFDF82, #C7A84D);*/
    background-color: #409eff;
}